<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>牡丹江旅游路线 - 黑龙江旅游网</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="D:\web1\travel\css\base.css">
    <link rel="stylesheet" href="D:\web1\travel\css\mudanjiang.css">
</head>
<body>
    <!-- 顶部栏 -->
    <div class="top-bar">
        <div class="search-box">
            <form action="#" method="get">
                <input type="text" placeholder="搜索景点、美食、攻略..." name="search">
                <button type="submit"><i class="fa fa-search"></i></button>
            </form>
        </div>
        <div class="top-nav">
            <ul>
                <li><a href="D:\web1\travel\html\login.html"><i class="fa fa-user-circle"></i> 登录</a></li>
                <li><a href="D:\web1\travel\html\register.html"><i class="fa fa-user-plus"></i> 注册</a></li>
                <li><a href="D:\web1\travel\html\about.html"><i class="fa fa-info-circle"></i> 关于我们</a></li>
            </ul>
        </div>
        <button class="menu-toggle" id="menuToggle">
            <i class="fa fa-bars"></i>
        </button>
    </div>

    <!-- 主导航 -->
    <nav class="main-menu">
        <ul id="mainNav">
                <li><a href="D:\web1\travel\html\index.html">首页</a></li>
                <li><a href="D:\web1\travel\html\history.html">历史沿革</a></li>
                <li><a href="D:\web1\travel\html\geography.html">地理位置</a></li>
                <li><a href="D:\web1\travel\html\culture.html">风俗文化</a></li>
                <li><a href="D:\web1\travel\html\attractions.html">景点选择</a></li>
                <li><a href="D:\web1\travel\html\products.html">名优特产</a></li>
                <li><a href="D:\web1\travel\html\message.html">在线留言</a></li>
        </ul>
    </nav>
<!-- 轮播图 -->
        <div class="banner">
            <div class="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="D:\img\img7.jpg" alt="镜泊湖">
                    </div>
                    <div class="carousel-item">
                        <img src="D:\img\img95.jpg" alt="虎林园">
                    </div>
                    <div class="carousel-item">
                        <img src="D:\img\img96.jpg" alt="七里地生态村">
                    </div>
                </div>
                <button class="carousel-control prev"><i class="fa fa-angle-left"></i></button>
                <button class="carousel-control next"><i class="fa fa-angle-right"></i></button>
                <div class="carousel-indicators">
                    <span class="indicator active" data-index="0"></span>
                    <span class="indicator" data-index="1"></span>
                    <span class="indicator" data-index="2"></span>
                </div>
            </div>
        </div>
    <!-- 内容区域 -->
    <div class="content">
         <div class="bar">
                <h3>牡丹江旅游路线</h3>
            </div>
        <div class="route-container">
            <!-- 行程概览 -->
            <div class="route-overview fade-in">
                <h4><i class="fa fa-map-o"></i> 行程概览</h4>
                <p>牡丹江位于黑龙江省东南部，是一座美丽的边境城市。本次行程将带您领略镜泊湖的自然奇观，感受东北虎的威猛，了解林海雪原的红色历史，同时品尝地道的牡丹江美食。</p>
                
            </div>

            <!-- 每日行程 -->
            <h3 class="section-title"><i class="fa fa-road"></i> 每日行程</h3>
            <div class="daily-itineraries">
                <!-- 第一天 -->
                <div class="day-container fade-in" data-day="1">
                    <div class="day-title">
                        <span>Day 1</span>
                        <span class="day-desc">镜泊湖 → 吊水楼</span>
                    </div>
                    
                    <div class="route-map">
                        <div class="route-line"></div>
                        <div class="attraction-points">
                            <!-- 镜泊湖 -->
                            <div class="attraction-point">
                                <div class="point-marker pulse"></div>
                                <h4>镜泊湖</h4>
                                <div class="attraction-image">
                                    <img src="D:\img\img7.jpg"alt="镜泊湖风景">
                                </div>
                                <div class="point-info">
                                    <p>镜泊湖是中国最大、世界第二大高山堰塞湖，著名的旅游、避暑和疗养胜地，国家级重点风景名胜区，国际生态旅游度假避暑胜地，世界地质公园。</p>
                                   
                                </div>
                            </div>
                            
                            <!-- 吊水楼瀑布 -->
                            <div class="attraction-point">
                                <div class="point-marker"></div>
                                <h4>吊水楼瀑布</h4>
                                <div class="attraction-image">
                                    <img src="D:\img\img94.jpg" alt="吊水楼瀑布">
                                </div>
                                <div class="point-info">
                                    <p>吊水楼瀑布，又称镜泊湖瀑布，它位于黑龙江省宁安县西南，是镜泊湖的出口处。瀑布幅宽约70余米，雨水量大时，幅宽达300余米。落差20米。</p>
                                   
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- 第二天 -->
                <div class="day-container fade-in" data-day="2">
                    <div class="day-title">
                        <span>Day 2</span>
                        <span class="day-desc">横道河子东北虎林园 → 七里地 → 杨子荣展馆</span>
                    </div>
                    
                    <div class="route-map">
                        <div class="route-line"></div>
                        <div class="attraction-points">
                            <!-- 横道河子东北虎林园 -->
                            <div class="attraction-point">
                                <div class="point-marker pulse"></div>
                                <h4>横道河子东北虎林园</h4>
                                <div class="attraction-image">
                                    <img src="D:\img\img95.jpg" alt="横道河子东北虎林园">
                                </div>
                                <div class="point-info">
                                    <p>横道河子东北虎林园是世界上最大的东北虎繁育中心，占地面积144万平方米，拥有各种不同年龄的纯种东北虎400多只。</p>
                                    
                                </div>
                            </div>
                            
                            <!-- 七里地生态村 -->
                            <div class="attraction-point">
                                <div class="point-marker"></div>
                                <h4>七里地生态村</h4>
                                <div class="attraction-image">
                                    <img src="D:\img\img96.jpg" alt="七里地生态村">
                                </div>
                                <div class="point-info">
                                    <p>七里地村是牡丹江地区第一个党支部诞生地，村内保留了许多东北传统民居，是集红色旅游、生态观光、民俗体验于一体的特色村落。</p>
                                    
                                </div>
                            </div>
                            
                            <!-- 杨子荣展馆 -->
                            <div class="attraction-point">
                                <div class="point-marker"></div>
                                <h4>杨子荣展馆</h4>
                                <div class="attraction-image">
                                    <img src="D:\img\img97.jpg"alt="杨子荣展馆">
                                </div>
                                <div class="point-info">
                                    <p>展馆以杨子荣烈士的生平事迹为主题，展示了他在剿匪战斗中的英雄事迹，以及《林海雪原》故事的历史背景，是爱国主义教育基地。</p>
                                
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 美食推荐 -->
            <h3 class="section-title"><i class="fa fa-cutlery"></i> 美食推荐</h3>
            <div class="food-section fade-in">
                <div class="food-grid">
                    <!-- 镜泊湖鱼宴 -->
                    <div class="food-item">
                        <img src="D:\img\img98.jpg" alt="镜泊湖鱼宴">
                        <h4>镜泊湖鱼宴</h4>
                        <p>以镜泊湖特产的鲫鱼、胖头鱼、红尾鱼等为主料，采用炖、清蒸、油炸等多种烹饪方法制成，味道鲜美。</p>
                    </div>
                    
                    <!-- 山城火锅 -->
                    <div class="food-item">
                        <img src="D:\img\img99.jpg" alt="山城火锅">
                        <h4>山城火锅</h4>
                        <p>牡丹江特色火锅，以骨汤为底，配以本地新鲜食材，风味独特，冬季食用尤为适宜。</p>
                    </div>
                    
                    <!-- 老邮差麻辣烫 -->
                    <div class="food-item">
                        <img src="D:\img\img100.jpg" alt="老邮差麻辣烫">
                        <h4>老邮差麻辣烫</h4>
                        <p>牡丹江本地知名麻辣烫品牌，汤鲜味美，配料丰富，是当地人和游客都喜爱的小吃。</p>
                    </div>
                    
                    <!-- 栗氏天府烧烤 -->
                    <div class="food-item">
                        <img src="D:\img\img101.jpg" alt="栗氏天府烧烤">
                        <h4>栗氏天府烧烤</h4>
                        <p>牡丹江人气烧烤店，特色烤串风味独特，肉质鲜嫩，是夜宵的绝佳选择。</p>
                    </div>
                </div>
            </div>

        
        </div>
         <!-- 页脚 -->
        <div class="end">
            <p>© 黑龙江旅游网 版权所有</p>
            <p>联系方式：0451-12345678 | 邮箱：info@heilongjiang-tour.com</p>
        </div>
    </div>

    <script src="D:\web1\travel\javaScript\scrip.js">
    </script>
</body>
</html>